Hexo+Github 搭建属于自己的博客(基础)

搭建环境准备

Node.js 的安装和准备

1
2
$ node -v
$ npm -v

git的安装和准备

1
$ git --version

github账户的配置

  • github账户注册
  • 创建新仓库

image

注意:仓库名称一定为 github用户名.github.io

  • 仓库设置

image

接下来开启github pages功能 ,点击界面右侧的 Settings,你将会打开这个库的settings页面,向下拖动,直到看见GitHub Pages

image

image

安装hexo

在任意一个地方创建文件夹hexo,进入到该目录输入:

1
$ npm install hexo-cli -g

然后可能会看到一个WARN,并不会影响操作,继续输入:

1
$ npm install hexo --save
1
$ hexo -v

hexo的相关配置

  • 初始化hexo
1
2
$ hexo init <新文件夹> 
$ cd <新文件夹>
  • 首次体验hexo
1
2
3
$ hexo g
$ hexo s //若一直无法跳转,则是端口被占用
$ hexo server -p 5000 //改变端口号

配置Git个人信息

如果之前已经配置好git个人信息,请跳过这一个步骤

  • 设置Git的user name和email
1
2
$ git config --global user.name "yourusername"
$ git config --global user.email "youremail"
  • 生成密钥
1
$  ssh-keygen -t rsa -C "youremail"

配置Deployment

在_config.yml文件中,找到Deployment,然后按照如下修改:

1
2
3
4
deploy:
type: git
repo: https://github.com/yourname/yourname.github.io.git
branch: master

写博客、发布新文章

  • 新建一篇博客
1
$ hexo new post "article title"

用MarDown编辑器打开就可以编辑文章了

  • 生成、部署
1
2
3
$ hexo g   // 生成
$ hexo s // 本地预览
$ hexo d // 部署
1
$ hexo d -g //在部署前先生成
  • 踩坑提醒

注意需要提前安装一个扩展

1
npm install hexo-deployer-git --save

如果没有执行这行命令,将会提醒

deloyer not found:git
-------------本文结束 感谢您的阅读-------------